<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>打印模板设计器</title>
    <link href="../../css/tableLayout.css" rel="stylesheet" type="text/css"/>
    <link href="../../themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css">
    <link href="../../css/main.css" rel="stylesheet" type="text/css"/>
    <link href="../../css/formDesign2.css" rel="stylesheet" type="text/css"/>
    <script src="../../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../js/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../js/xinyuansu.js" type="text/javascript"></script>
    <script src="../../js/action.js" type="text/javascript"></script>
    <script src="../../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="../../js/fixheight.js" type="text/javascript"></script>
    <script src="../../js/circular-json.js" type="text/javascript"></script>
    <script src="../../../../res/third-party/swfupload/swfupload.js" type="text/javascript"></script>
    <!--<script src="../../../../../../../../../../gaihou/formDesign4.1.js"></script>-->


</head>
<body style="overflow: hidden;">

<div id="layout1" class="mini-layout" style="width:100%;height:100vh;" onclick="hs('a','b')">
    <!--顶部工具栏-->
    <div  region="north" showCollapseButton="false" showHeader="false" height="36"
          class="mini-toolbar" style="border-bottom: 1px solid #aed0ea;padding: 2px 0 0 0;">
        <table style="width: 100%;">
            <tr>
                <td style="width: 100%">
                    <a id="saveBtn" class="mini-button" iconCls="icon-save" onclick="save()">保存</a>
                    <!--<a id="modify" class="mini-button" iconCls="" onclick="modifyfy()">修改</a>-->
                    <!--<a id="addBtn" class="mini-button" iconCls="icon-add" onclick="addForm()">新增</a>-->
                    <!--<a id="resetBtn" class="mini-button" iconCls="icon-reload" onclick="resetBtnFunc()">重置</a>-->

                    <label style="vertical-align: middle;">打印模板名称：</label>
                    <input id="cFormName" class="mini-textbox" emptyText="请输入名称" required="true" requiredErrorText="模板名称不能为空"/>
                    <input id="cLayoutType" class="mini-combobox" required="true"
                           valueField="id" textField="text" width="116"
                           value="layout_free"  onvaluechanged="onLayoutTypeChanged" />
                    <a id="autoLayoutBtn" class="mini-button" iconCls="" onclick="autoLayout()">一键布局</a>
                </td>
                <!--<td style="white-space: nowrap">-->

                    <!--&lt;!&ndash;</ul>&ndash;&gt;-->
                    <!--<label style="vertical-align: middle;">是否添加到手机：</label>-->
                    <!--<input id="cLayoutPhone1" class="mini-combobox" required="true"-->
                           <!--valueField="id" textField="text" width="116"-->
                           <!--value="layout_false"  onvaluechanged="onLayoutTypeChanged" />-->
                    <!--<a id="cTree" class="mini-button" iconCls="icon-add"  style="display: none" onclick="onSetTree()">设置档案</a>    -->
                    <!--<a id="setButtonBtn" class="mini-button" iconCls="icon-add" onclick="setButton()">设置按钮</a>-->
                    <!--<a id="setMenuBtn" class="mini-button" iconCls="icon-add" onclick="setMenu()">设置菜单</a>-->

                    <!--&lt;!&ndash;<a class="mini-button" iconCls="icon-nowait" onclick="refresh()">刷新</a>&ndash;&gt;-->
                <!--</td>-->
            </tr>
        </table>
    </div>
    <!--左侧-->
    <div title="" id="left" region="west" headerAlign="center" showCollapseButton="true" showSplitIcon="true" showHeader="false" width="200" maxWidth="350" minWidth="100">
        <div id="form-outlookbar" class="mini-outlookbar form-outlookbar" activeIndex="0" style="width:auto;height:100%;" autoCollapse="true">
            <div title="数据项" class="other">
                <ul id="treeData" class="mini-tree" style="width:100%;padding:5px;"
                    showTreeIcon="true" textField="fieldCh" idField="id" parentField="pid"
                    showCheckBox="true" checkOnTextClick="true">
                </ul>
            </div>
            <div title="组件" class="component" >
                <table style="width:100%;table-layout:fixed;">
                    <tr>
                        <td class="component-item" draggable="true" onmousedown="onMenuDrag('formname',{ptype:'other'})">文本</td>
                    </tr>
                    <tr>
                        <td class="component-item" draggable="true" onmousedown="onMenuDrag('tab',{ptype:'other'})">页签</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <!--主面板-->
    <div title="center" id="center" region="center" bodyStyle="overflow:auto;" style="background-image: url(../../img/beijing.png);left:300px;">
        <form id="mainField" style="height: calc(100% - 5px);width:calc(100% - 0px);min-width:calc(100% - 5px);">
            <div id="rect" style="position: absolute;z-index: 1000; background-color: rgb(195, 213, 237); opacity: 0.6; border: 1px dashed rgb(0, 153, 255); display: none;">
            </div>
        </form>
    </div>

    <div id="right" title="控件属性" region="east" showHeader="false" showCloseButton="false" width="270px" showSplitIcon="true">
        <!--form表格-->
        <form id="form1" style="height: 100%;">
            <div id="outlookbar2" class="mini-outlookbar" activeIndex="0" autoCollapse="true" style="width:auto;height:100%;">
                <div title="基本属性">
                    <table style="width:100%;table-layout:fixed;">
                        <!--<tr class="cTableField">-->
                            <!--<td class="tdNum1">绑定字段：</td>-->
                            <!--<td style="width:60%;background: #d7ebf9;">-->

                                <!--&lt;!&ndash;<input id="cTableField" name="cTableField" class="mini-textbox" />&ndash;&gt;-->
                                <!--<input id="cTableField" textName="cTableField" class="mini-buttonedit" emptyText="请选择..."-->
                                       <!--onbuttonclick="onBindKey" allowInput="false" />-->
                            <!--</td>-->
                        <!--</tr>-->
                        <tr class="cTableField">
                            <td class="tdNum1">字段名：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cTableField" name="cTableField" class="mini-textbox" enabled="false" />
                            </td>
                        </tr>
                        <tr class="cTableField_ch">
                            <td class="tdNum1">原标题：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cTableField_ch" name="cTableField_ch" class="mini-textbox" enabled="false" />
                            </td>
                        </tr>
                        <tr class="cLadText">
                            <td class="tdNum1">标题：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cLadText" name="cLadText" class="mini-textbox" />
                            </td>
                        </tr>
                        <tr class="cComType">
                            <td class="tdNum1">组件类型：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cComType" name="cComType" class="mini-combobox" />
                            </td>
                        </tr>
                        <tr class="cTabText" style="display: none">
                            <td class="tdNum1">页签名：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cTabText" name="cTabText" class="mini-textbox" />
                            </td>
                        </tr>
                        <tr class="cFormTitle" style="display: none">
                            <td class="tdNum1">内容：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cFormTitle" name="cFormTitle" class="mini-textbox" />
                            </td>
                        </tr>
                        <tr class="cFontSize" style="display: none">
                            <td class="tdNum1">字号：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cFontSize" name="cFontSize" class="mini-combobox" />
                            </td>
                        </tr>
                        <tr class="cLength">
                            <td class="tdNum1">长度：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cLength" name="cLength" class="mini-textbox" />
                            </td>
                        </tr>
                        <tr class="cFormat" style="display: none">
                            <td class="tdNum1">格式：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cFormat" name="cFormat" class="mini-combobox"/>
                            </td>
                        </tr>
                        <tr class="cFormat" style="display: none">
                            <td class="tdNum1">设置默认值：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cDateDefault" name="cDateDefault" class="mini-combobox"/>
                            </td>
                        </tr>
                        <tr class="cCombo" style="display: none">
                            <td class="tdNum1">内容：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cCombo" name="cCombo" class="mini-textarea" onvaluechanged="onComboChanged"/>
                            </td>
                        </tr>
                        <tr class="cCheckbox" style="display: none">
                            <td class="tdNum1">内容：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cCheckbox" name="cCheckbox" class="mini-textarea" onvaluechanged="onCheckboxChanged"/>
                            </td>
                        </tr>
                        <tr class="cGridType" style="display: none">
                            <td class="tdNum1">列类型：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cGridType" name="cGridType" class="mini-combobox" onvaluechanged="oncGridTypeChanged"/>
                            </td>
                        </tr>
                        <tr class="cGridType" style="display: none">
                            <td class="tdNum1">分组：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cGroup" name="cGroup" class="mini-buttonedit" onclick="oncGroupChanged" />
                            </td>
                        </tr>
                        <tr class="cReference" style="display: none">
                            <td class="tdNum1">参照：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cReference" name="cReference" class="mini-textbox" />
                            </td>
                        </tr>
                        <!--<tr class="cReference" style="display: none">-->
                            <!--<td class="tdNum1">参照2：</td>-->
                            <!--<td style="width:60%;background: #d7ebf9;">-->
                                <!--<input id="cBgReference" name="cBgReference" class="mini-textbox" />-->
                            <!--</td>-->
                        <!--</tr>-->
                        <tr class="cRequire" style="display: none">
                            <td class="tdNum1">是否必填：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cNull" name="cNull" class="mini-combobox"/>
                            </td>
                        </tr>
                        <tr class="cRequire" >
                            <td class="tdNum1">是否可编辑：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="disable" name="disable" class="mini-combobox"/>
                            </td>
                        </tr>
                        <tr class="cRequire" style="display: none">
                            <td class="tdNum1">验证：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cRequire" name="cRequire" class="mini-combobox"/>
                            </td>
                        </tr>
                        <tr class="cSpinner" style="display: none">
                            <td class="tdNum1">小数点位数：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input id="cSpinner" name="cSpinner" class="mini-textbox" />
                            </td>
                        </tr>
                        <tr class="cCannotbezero" style="display: none" >
                            <td class="tdNum1">是否可为零：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <input value="true" id="cCannotbezero" name="cCannotbezero" class="mini-combobox" />
                            </td>
                        </tr>
                        <!--<tr class="cTree" style="display: none">-->
                            <!--<td class="tdNum1">参照档案：</td>-->
                            <!--<td style="width:60%;background: #d7ebf9;">-->
                                <!--<input id="cTree" name="cTree" class="mini-buttonedit" onclick="onSetTree" />-->
                            <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>

                <!--<div title="移动端属性">-->
                    <!--<table style="width:100%;table-layout: fixed;">-->
                        <!--<tr class="cRequire">-->
                            <!--<td class="tdNum1">适配手机:</td>-->
                            <!--<td style="width:60%;background: #d7ebf9;">-->
                                <!--<input id="cAdapterPhone" name="cAdapterPhone" class="mini-combobox">-->
                            <!--</td>-->
                        <!--</tr>-->
                    <!--</table>-->
                <!--</div>-->
                <div title="其它">
                    <table style="width:100%;table-layout:fixed;">
                        <tr class="cMath">
                            <td class="tdNum1">公式：</td>
                            <td style="width:60%;background: #d7ebf9;">
                                <!--<input id="cTableField" name="cTableField" class="mini-textbox" />-->
                                <input id="cMath" name="cMath" class="mini-buttonedit"
                                       onbuttonclick="onSetMath" allowInput="false" />  
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript" src="js/printModel.js"></script>
<!-- <script type="text/javascript" src="../../js/formDesign/RectSelect.js"></script>
 -->
</body>
</html>

